<template>


    <el-dropdown>
      <el-button type="primary">
        Dropdown List<el-icon ><arrow-down /></el-icon>
      </el-button>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item>Action 1</el-dropdown-item>
          <el-dropdown-item>Action 2</el-dropdown-item>
          <el-dropdown-item>Action 3</el-dropdown-item>
          <el-dropdown-item>Action 4</el-dropdown-item>
          <el-dropdown-item>Action 5</el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>



</template>

<script>
import { ArrowDown } from '@element-plus/icons-vue'
export default {
  data() {
    return {

    }
  },
  methods:{
    handleClick : () => {
      // eslint-disable-next-line no-alert
      alert('button click')
    }

  }

}
</script>
<style>

</style>